<!DOCTYPE HTML>
<html>
	<!--
	1: p,div 可以作为选择器,这样的成为标签选择器
	2: 类选择器 使用 .类名进行标识  称为类选择器, 标签使用时 class="类名" 可以重复使用
	3: id选择器 使用#id 进行标识 标签使用 id="id" 是唯一值 只能使用一次
	-->
	<head>
		<meta  charset="utf-8"/>
		<title>选择器</title>
		<style>
			p{
				font: italic bolder 20px "黑体";
				color: red;
			}
			.east_wind{
				font-style: normal;
				font-weight: bolder;
				font-size: 30px;
				font-family: "book antiqua";
				color: #FFC0CB;
			}
			
			span{
				font-weight: bold;
				font-size: 40px;
			}
			.color-blue{
				color: blue;
			}
			.color-red{
				color: red;
			}
			.color-yellow{
				color: yellow;
			}
			.color-green{
				color: green;
			}
			#uncle{
				font-size: 60px;
			}
		</style>
	</head>
	<body>
		<p>摆战场</p>
		<p class="east_wind">东风</p>
		<p>秋落</p>
		<div  id="uncle">大叔</div>
		<div>小弟</div>
		<div>二哥</div>
		
	     <span class="color-blue">G</span>
	     <span class="color-red">o</span>
	     <span class="color-yellow">o</span>
	     <span class="color-blue">g</span>
	     <span class="color-green">l</span>
		 <span class="color-red">e</span>
	</body>
</html>